<template>
  <div>
    <nav-bar class="nav_bar">
      <img class="left" @click="$router.back()" src="../../../assets/img/navbar/ic_title_close.png" slot="left" alt="">
      <span slot="center">关于我们</span>
    </nav-bar>
    <div class="content content_fixed">
      <img src="../../../assets/img/aboutus/ic_launcher.png" alt="">
      <p style="color: #333">277游戏速推版</p>
      <p>v1.3</p>
      <p>投诉邮箱:tousu_kf@foxmail.com</p>
    </div>
    <div class="footer">
      <div class="update_text" @click="updateClick">
        <img src="../../../assets/img/aboutus/ic_text_left_update.png" alt="">
        <div>检查版本更新</div>
      </div>
      <div class="products">
        <span class="left_line"></span>
        <span>277游戏团队出品</span>
        <span class="right_line"></span>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from '../../../components/common/navbar/NavBar.vue'
import {Toast} from 'vant'
  export default {
    components: {
      NavBar,
    },
    methods: {
      updateClick() {
        Toast('已是最新版本!')
      }
    },
  }
</script>

<style scoped>
.nav_bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.left {
  width: 44px;
  height: 44px;
}

.content {
  width: 750px;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.content img {
  display: block;
  padding: 100px 0 30px 0;
  width: 150px;
  height: 150px;
}

.content p {
  font-size: 26px;
  color: #999;
  line-height: 60px;
}

.footer {
  position: fixed;
  bottom: 100px;
  left: 0;
  width: 750px;
  height: 150px;
}

.update_text {
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #333;
  justify-content: center;
  text-decoration: underline;
}

.update_text img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.products {
  position: relative;
  font-size: 24px;
  text-align: center;
  color: #999;
  padding-top: 60px;
}

.left_line {
  position: absolute;
  top: 73px;
  left: 0;
  width: 255px;
  height: 1px;
  background: rgb(219, 219, 219);
}

.right_line {
  position: absolute;
  top: 73px;
  right: 0;
  width: 255px;
  height: 1px;
  background: rgb(219, 219, 219);
}
</style>